/* MAIN CSS */

html, body {
	font-family: "pragmatica-web", helvetica neue, arial, sans-serif;
	font-style: normal;
	font-weight: 200;
	font-size: 100%;
	color: #666666;
}

hr {
	color: #e6e6e6;
	background-color: #e6e6e6;
	height: .0625em;
	border: none;
}

a {
	text-decoration: none;
}

a:visited {
	color: #666666;
	text-decoration: none;
}

a:link {
	color: #666666;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: none;
}



h1 {
	font-size: 1.2em;
}

h2 {
	font-size: .875em;
	font-weight: 200;
	font-style: italic;
	margin-bottom: 1em;
}


p, li {
	font-size: .875em;
}

p {
	line-height: 1.5em;
}


ul {
	list-style: none;
	padding: 0;
}

li {
	padding: .3em 0 .3em 0;
}

#about {
	padding: 0 0 1.5em 0;
}

#resume {
	width: 85%;
	margin: 2em auto;
}

.aside {
	float: left;
	width: 31.25%;
	
}



.aside p, li {
	margin-right: 3em;
}

.aside ul {
	margin: 2em 0;
}

.article {
	float: left;
	width: 68.75%;
}

.job {
	margin: 2em 0;
	font-size: 1em;
}

.job p {
	padding: .75em 0;
}

.job_name {
	font-weight: 700;
}


a {
	text-decoration: none;
}
	
	




@media only screen and (max-width: 768px) {

	h1 {
		font-size: 1.5em;
	}

	p, li {
		font-size: 1em;
	}
	
	.aside {
		float: none; 
		width: 100%;
	}

	.article {
		float: none;
		width: 100%;
	}
}

@media only screen and (min-width:1440px) {

	h1 {
		font-size: 1.5em;
	}

	h2 {
		font-size: 1.1em;
		font-weight: 200;
		font-style: italic;
		margin-bottom: 1em;
	}


	p, li {
		font-size: 1em;
	}
	
	p {
		line-height: 1.80em;
	}
	
	.article p, li {
		margin-right: 15%;
	}
	
}


@media only screen and (-webkit-min-device-pixel-ratio: 2){
	
	
	a:visited {
		color: #000;
		text-decoration: underline;
	}
	
	a:link {
		color: #000;
		text-decoration: underline;
	}
	
	a:hover {
		color: #000;
		text-decoration: underline;
	}
	
	ul {
		margin-top: 1.5em;
	}
	
 	h1 {
 		color: #000;
		font-size: 4em;
	}
	
	h2 {
		color: #000;
		font-size: 3em;
		margin: 1.5em 0;
		
	}

	p, li {
		font-size: 3em;
	}
	
	.aside {
		margin-top: 10%;
		float: none; 
		width: 100%;
	}

	.article {
		margin-top: 10%;
		float: none;
		width: 100%;
	}
	
	.job {
		margin: 3em 0;
	}
	
	.job_name a {
		text-decoration: none;
	}
	
	
	
}



